<!--
 * @Author: libing 9852442+liu-sheng-8667@user.noreply.gitee.com
 * @Date: 2024-04-12 20:57:41
 * @LastEditors: libing 9852442+liu-sheng-8667@user.noreply.gitee.com
 * @LastEditTime: 2024-04-17 23:08:16
 * @FilePath: \crm\pages\customer\forget-costomer.vue
 * @Description: 遗忘提醒
-->
<template>
  <view class="forget-costomer">
    <view class="forget-bg"></view>
    <u-navbar title="遗忘提醒" :autoBack="true" bgColor="transparent" />
    <!-- 条件查询 -->
    <RenDropdownFilter :filterData="filterData" :defaultIndex="defaultIndex" />
    <!-- 无限滚动列表 -->
    <scroll-view
      scroll-y="true"
      class="scroll-Y"
      @scrolltoupper="upper"
      @scrolltolower="lower"
    >
      <view v-for="(item, index) in list" :key="index" class="company-item">
        <CompanyItem :item="item" isActive />
      </view>
      <u-loadmore iconType="circle" :status="status" />
    </scroll-view>
  </view>
</template>
<script>
import CompanyItem from "./conponents/company-item.vue";
import listPageMixins from "./mixins/scroll-list";
import RenDropdownFilter from "@/components/ren-dropdown-filter/ren-dropdown-filter.vue";
export default {
  name: "forget-costomer",
  components: {
    CompanyItem,
    RenDropdownFilter,
  },
  mixins: [listPageMixins],
  data() {
    return {
      filterData: [[{ text: "一周到两周未跟进", value: "" }]],
      defaultIndex: [0],
    };
  },
  methods: {},
};
</script>
<style scoped lang="scss">
.forget-bg {
  width: 100%;
  height: 659rpx;
  background: linear-gradient(#f4e9e8 0%, #f3f3f3 100%);
  position: absolute;
  left: 0;
  top: 0;
}
.scroll-Y {
  margin-top: 100rpx;
  height: calc(100vh - 290rpx - env(safe-area-inset-bottom));
  padding: 0 18rpx;
  box-sizing: border-box;
}
.forget-costomer {
  height: 100vh;
  // padding: 0 18rpx;
  background: #f2f4f5;
}
.company-item {
  margin-bottom: 18rpx;
  background: #ffffff;
  padding: 20rpx 0;
}
</style>
